body{
	margin: 0px;
	padding: 0 2vw;
	overflow-x:hidden ;
	overflow-y: scroll;
	font-family: "Roboto", sans-serif;
  	font-weight: 300;
  	font-style: normal;
	  background-color: #dfdfdf;
	  /* border: 2px solid red; */

}






.lien-sociaux{
	right: 1vw;
}





/****************************************************************************/
/*******************************************************************************/
/******************************************************/

.div-head{
	width: 100%;
}
.img-head{
	height: 6vw;
	width: 6vw;
	top: -1vw;
    left: 3vw;
	position: absolute;
	z-index: 2000;
	background-color: white;
}

.img-head-2{
	height: 20vw;
	width: 20vw;
	top: 8vw;
    left: 66vw;
	position: absolute;
	z-index: 100;




						animation-name: anime-dura2;
						animation-duration: 4s;
						animation-timing-function: linear;
						animation-delay: 0.1s;
						animation-direction: alternate;
						
					}
	
	
	

									@keyframes anime-dura2{

										0% {transform: scale(0.1) ; opacity: 0;}
										25% {transform: scale(0.4); opacity:0 ;}
										50% {transform: scale(0.7) ; opacity: 0;}
										75% {transform: scale(1); opacity: 1;}
										100% {transform: scale(1.05); opacity: 1;}
									
								}
	
								@-webkit-keyframes anime-dura2{

										0% {transform: scale(0.1) rotate(-2deg);}
										25% {transform: scale(0.4) rotate(-45deg);}
										50% {transform: scale(0.7) rotate(-90deg);}
										75% {transform: scale(1) rotate(-180deg);}
										100% {transform: scale(1.05) rotate(-360deg);}
										
								}	
								@-moz-keyframes anime-dura2{

										0% {transform: scale(0.1) rotate(-2deg);}
										25% {transform: scale(0.4) rotate(-45deg);}
										50% {transform: scale(0.7) rotate(-90deg);}
										75% {transform: scale(1) rotate(-180deg);}
										100% {transform: scale(1.05) rotate(-360deg);}
								}	
								@-o-keyframes anime-dura2{

								    	0% {transform: scale(0.1) rotate(-2deg);}
										25% {transform: scale(0.4) rotate(-45deg);}
										50% {transform: scale(0.7) rotate(-90deg);}
										75% {transform: scale(1) rotate(-180deg);}
										100% {transform: scale(1.05) rotate(-360deg);}
								}
	
	
	
								/***********************************************************************************************************/
	


								/***************************************************/
.imgUP {
	position: fixed;
	right: 2vw;
	bottom: 8vh;
	height: 3vw;
	width: 3vw;
	z-index: 500;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	display: none;
  
	animation: imgUP 2s ease-in-out 0.1s infinite;
  }
  
  @keyframes imgUP {
	0% {
	  bottom: 7.5vh;
	  scale: 1;
	}
  
	50% {
	  bottom: 8vh;
	  scale: 0.8;
	}
  
	100% {
	  bottom: 8.2vh;
	  scale: 1;
	}
  }
  
  .imgUP:hover {
	/* box-shadow: 0.1vw 0.1vw 0.5vw black; */
  }

/*******************************************************************************************************/
/******************************************************************************************************/
.div-menu2{
	position: absolute;
    top:2vw;
    left: 25vw;
    z-index: 80;
	font-family: garamond;
}


.div-menu2 .ul-menu2 {
	display: flex;
    /* border: 2PX solid red; */
    padding-right: 1vw;

	
}



.div-menu2 .ul-menu2 li{
	margin-right: 2vw;
    list-style: none;
    width: max-content;
	
}


				.div-menu2 .ul-menu2 li a{
					text-decoration: none;
					color: white;
					transition: all 0.4s ease-in-out;
					
				}


				.div-menu2 .ul-menu2 .li-dura a{
					position: relative;
					top: 0vw;
					color: rgb(124, 124, 124);
					padding: 0.3vw 1vw 0.7vw 1vw;
					/* transition: all 0.5s ease-in-out; */
					background-color: white;
					box-shadow: 0.08vw 0.08vw 0.2vw rgb(91, 90, 90);
				}


				.div-menu2 .ul-menu2 .li-dura a:hover{
					color: rgb(17, 209, 17);
					padding-bottom: 1vw;
					background-color: transparent;
					box-shadow: none;
					border-bottom: 2px solid rgb(17, 209, 17);
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
				
				}



				/* .div-menu2 .ul-menu2 li a {
					color: rgb(17, 209, 17);
					padding-bottom: 1vw;
					border-bottom: 2px solid rgb(17, 209, 17);
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
				
				  } */
				  
				  .div-menu2 .ul-menu2 li:hover a {
					color: rgb(17, 209, 17);
					padding-bottom: 1vw;
					border-bottom: 2px solid rgb(17, 209, 17);
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
				
				}




.displayMenuDura{
	display: none;
}


.closeMenuDura{
	display: none;
}



/**************************************************************************************/
/*************************************************************************************/

.div-dura-1{
    width: 86vw;
	height: 43vw;
    margin-left: 5.2vw;
    margin-top: -4vw;
	overflow: hidden;


	            box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);

    
}

/***********************************************************************/
/**********************************************************************/
.div-for{
	width: 100%;
	overflow: hidden;

	            box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);

}
		.slide-1{
			height: 55vw;
            width: 100%;
			overflow: hidden;
			
		}


		.div-h-1{
			position: absolute;
			/*border: 2px solid black;*/
			width: 100%;
			
	  
	  }
	  
						.slide-h1{
							/*border: 2px solid black;*/
							margin: -1vw 0px 0vw 0px;
							padding: 19vw 30vw 25vw 17vw;
							font-size: 2vw;
							font-weight: lighter;
							line-height: 2.5vw;
							color: rgb(255, 255, 255);
							z-index:100;
							background: -moz-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							background: -webkit-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							background: -o-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							background: linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
						}

									.sp-for{
										color: #ffffff;
										font-size: 5.5vw;
										font-weight: 600;
										position: absolute;
										top: 11vw;
										left: 15vw;
										width: 40vw;
										line-height: 4.5vw;
									}

						.slide-img{
						height: 56vw;
						width: 100%;
						position: relative;
						top: -55vw;
						z-index: -10;
						/* filter: brightness(20%); */

				}

					.p-slide{
						position: relative;
						top: -17vw;
						left: 25vw;
						font-size: 1.8vw;
						letter-spacing: 0.2vw;
						line-height: 2vw;
						font-weight: 100;
						width: 30vw;
						color: #ffffff;
						z-index: 120;
						font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


						animation-name: anime-dura1;
						animation-duration: 4s;
						animation-timing-function: linear;
						animation-delay: 0.1s;
						animation-direction: alternate;*/
						
					}
	
	
	

									@keyframes anime-dura1{

										0% {transform: scale(0.1);}
										25% {transform: scale(0.4);}
										50% {transform: scale(0.7);}
										75% {transform: scale(1);}
										100% {transform: scale(1.05);}
									
								}
	
								@-webkit-keyframes anime-dura1{

									0% {transform: scale(0.1);}
										25% {transform: scale(0.4);}
										50% {transform: scale(0.7);}
										75% {transform: scale(1);}
										100% {transform: scale(1.05);}
									
									
										
								}	
								@-moz-keyframes anime-dura1{

									0% {transform: scale(0.1);}
										25% {transform: scale(0.4);}
										50% {transform: scale(0.7);}
										75% {transform: scale(1);}
										100% {transform: scale(1.05);}
									
										
										
								}	
								@-o-keyframes anime-dura1{

									0% {transform: scale(0.1);}
										25% {transform: scale(0.4);}
										50% {transform: scale(0.7);}
										75% {transform: scale(1);}
										100% {transform: scale(1.05);}
									
								}
								
									/***********************************************************************************************************/
	
						




/************************************************************************************/
.div-dura-2{
	position: relative;
    width: 86vw;
    margin-left: 5.3vw;
	padding-top: 2vw;
	padding-bottom: 0.2vw;
	top: 0.5vw;
	overflow: hidden;
	/* border: 1px solid black; */
	background-color: #ffffff;
	border-radius: 10px;


 background: linear-gradient( 180deg,  white 50%,#dfdfdf
 );


	            box-shadow: 0.1vw 0.1vw 1.5vw rgb(187, 185, 185), -0.1vw -0.1vw 1.5vw rgb(185, 182, 182);

    
}

		.h1-digi{
			color: #0a905c;
			margin-left: 4vw;
			margin-right: 50vw;
			margin-top: 3.5vw;
			font-size: 2.7vw;
			opacity: 0;
			transition: all 0.4s ease-in-out;
			font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
		}

.h1-digi.visibleh1Digi{
	animation: h1Digianime 4s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes h1Digianime {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

			

				.img-dura-2{
					position: absolute;
					height: 13vw;
					width: 22vw;
					left: 7vw;
					top: 40vw;
				}



				.img-dura-1{
					position: absolute;
					height: 40vw;
					width: 70vw;
					left: 57vw;
					top: 3vw;
					opacity: 0;
					transition: all 0.4s ease-in-out;
				}



.img-dura-1.visibleimgDura1{
	animation: animeImgDura 1s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes animeImgDura {
	from{
		left: 150vw;
		scale: 0.5;
		opacity: 0;
	}
	to{
		left: 57vw;
		scale: 1;
		opacity: 1;

	}
}


				

				.sp-digi{
					color: #09ff00;
				}

					.p-digi{
						position: relative;
						left: 7vw;
						top: 3vw;
						font-size: 1.2vw;
						width: 45vw;
						line-height: 2.2vw;
						word-spacing: 0.4vw;
						letter-spacing: 0.05vw;
						text-align: justify;
						opacity: 0;
						font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
					}



.p-digi.visiblepDigi{
	animation: pDigianime 2s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes pDigianime {
	from{
		left: -30vw;
		opacity: 0;
	}
	to{
		left: 7vw;
		opacity: 1;
	}
}



					.h2-digi-2{
						position: relative;
						font-size: 1.8vw;
						line-height: 2.7vw;
						margin-bottom: 30vw;
						font-weight: 700;
						top: 20vw;
						width: 30vw;
						left: 8vw;
						opacity: 0;
					}



.h2-digi-2.visibleh2Digi{
	animation: animeh2Digi 2s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes animeh2Digi {
	from{
		left: -30vw;
		opacity: 0;
	}
	to{
		left:  8vw;
		opacity: 1;
	}
}

					.ul-digi{
						border-left: 7px solid #09ff00;
						position: absolute;
						left: 45vw;
						top: 50vw;
						padding-bottom: 2vw;
						padding-top: 2vw;
						font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						
					}

							.ul-digi li{
								word-spacing: 0.4vw;
								letter-spacing: 0.05vw;
								font-size: 1.2vw;
								line-height: 2.2vw;
								list-style: url(../PIC/circle9.png);
								
							}
			
			.h3-digi{
				margin-left: 4vw;
				margin-top: 2vw;
				font-size: 1.7vw;
				font-family: "Merienda", cursive;
			}

			.ul-pic{
				list-style: none;
				display: flex;
				margin-left: 6vw;
			}
					.li-1{
						word-spacing: 0.2vw;
						letter-spacing: 0.05vw;
						transition: all 0.3s ease-in-out;
					}
						.p-1{
							position: relative;
							left: -0.5vw;
						}

								

					.li-2{
						margin-left: 10vw;
						word-spacing: 0.2vw;
						letter-spacing: 0.05vw;
					}

						.p-2{
							position: relative;
							left: 0.5vw;
						}

					.li-3{
						
						margin-left: 10vw;
						word-spacing: 0.2vw;
						letter-spacing: 0.05vw;
					}

						.p-3{
							position: relative;
							left: 0.5vw;
						}


				.pic-digi{
					height: 11vw;
					width: 11vw;
				}

				.p-ita{
					margin-left: 4vw;
					margin-top: 5vw;
					font-weight: lighter;
					margin-bottom: 5vw;
				}
/************************************************************************************/
/************************************************************************************/
.div-dura-3{
	position: relative;
    width: 86vw;
    margin-left: 5.3vw;
    margin-top: 1vw;
	padding-top: 1vw;
	/* border: 1px solid black; */
	/* background-color: #dfdfdf; */
	border-radius: 10px;
	opacity: 0;

		            box-shadow: 0.1vw 0.1vw 1.5vw rgb(187, 185, 185), -0.1vw -0.1vw 1.5vw rgb(185, 182, 182);

 background: linear-gradient( 180deg,  #dfdfdf 50%,rgb(255, 255, 255)
    );



    
}




.div-dura-3.visibledivDura3{
	animation: animeDivDura3 1.3s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes animeDivDura3 {
	from{
		top:50vw;
		opacity: 0;
	}
	to{
		top:0vw;
		opacity: 1;
	}
}


								.h2-digi{
									position: relative;
									font-size: 1.8vw;
									text-align: center;
									left: 18vw;
									width: 50vw;
									margin-top: 5vw;
									font-weight: 700;
									color: #4f4d4d;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
								}

		.ul-pic-2{
			list-style: none;
			display: flex;
			margin-left: -1vw;
			margin-top: 5vw;
			padding-bottom: 18vw;
			height: 35vw;
			font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


		}
						.li-01{
							margin-left: 4vw;
						}
							.p-01{
								position: relative;
								left: -2.6vw;
								width: 18vw;
								line-height: 1.5vw;
								text-align: center;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
								top: 1vw;
								transition: all 0.3s ease-in-out;

								
							}

										.p-01:hover{
											color:orange ;
											font-weight: 600;
											font-size: 1.2vw;
											cursor: pointer;
										}

						.li-02{
							margin-left: 12vw;
						}

							.p-02{
								position: relative;
								left: -5.5vw;
								width: 25vw;
								top: 1vw;
								line-height: 1.5vw;
								text-align: center;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
								transition: all 0.3s ease-in-out;
														font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


							}

									.p-02:hover{
										color:orange ;
										font-weight: 600;
										font-size: 1.2vw;
										cursor: pointer;
									}

						.li-03{
							
							margin-left: 5vw;
						}

							.p-03{
								width: 20vw;
								top: 1vw;
								position: relative;
								left: -2.9vw;
								line-height: 1.5vw;
								text-align: center;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
								transition: all 0.3s ease-in-out;

							}

									.p-03:hover{
										color:orange ;
										font-weight: 600;
										font-size: 1.2vw;
										cursor: pointer;
									}


					.li-04{
						position: relative;
						top: 25vw;
						left: -66vw;
					}

						.p-04{
							position: relative;
							left: 0vw;
							line-height: 1.5vw;
							text-align: center;
							word-spacing: 0.2vw;
							letter-spacing: 0.05vw;
							transition: all 0.3s ease-in-out;

						}

								.p-04:hover{
									color:orange ;
									font-weight: 600;
									font-size: 1.2vw;
									cursor: pointer;
								}


						
					.li-05{
						
						position: relative;
						margin-top: 19vw;
						left: -42vw;
						top: 5vw;
						
						
					}

						.p-05{
							position: relative;
							left: -2vw;
							width: 15vw;
							line-height: 1.5vw;
							text-align: center;
							word-spacing: 0.2vw;
							letter-spacing: 0.05vw;
							transition: all 0.3s ease-in-out;

						}


								.p-05:hover{
									color:orange ;
									font-weight: 600;
									font-size: 1.2vw;
									cursor: pointer;
								}


						.pic-digi-2{
							height: 12vw;
							width: 12vw;
						}

						.pic-digi5-2{
							height: 12vw;
							width: 12vw;
						}

						.p-ita-2{
							position: relative;
							top: -3vw;
							margin-left: 4vw;
							font-weight: lighter;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
							
						}

						


	.p-sgi{
		font-size: 1.4vw;
		margin-left: 4vw;
		margin-right: 20vw;
		line-height: 2.2vw;
		word-spacing: 0.2vw;
		letter-spacing: 0.05vw;
		font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

	}

	.h1-sgi{
		color: orange;
			margin-left: 4vw;
			margin-right: 50vw;
			margin-top: 5vw;
			font-size: 2.7vw;
	}




/************************************************************************************/
/************************************************************************************/
.div-dura-4{
	position: relative;
    width: 86vw;
	height: 125vw;
    margin-left: 5.3vw;
    margin-top: -0.5vw;
	padding-top: 1vw;
	/* border: 1px solid black; */
	background-color: #ffffff;
	border-radius: 10px;
	opacity: 0;

			            box-shadow: 0.1vw 0.1vw 1.5vw rgb(187, 185, 185), -0.1vw -0.1vw 1.5vw rgb(185, 182, 182);




    
}



.div-dura-4.visibledivDura4{
	animation: animeDivDura4 1.3s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes animeDivDura4 {
	from{
		top:50vw;
		opacity: 0;
	}
	to{
		top:0vw;
		opacity: 1;
	}
}





														.p-isp{
															position: relative;
															font-size: 1.4vw;
															top: 4vw;
															left: 35vw;
															width: 45vw;
															padding-bottom: 8%;
															line-height: 2.2vw;
															word-spacing: 0.2vw;
															letter-spacing: 0.05vw;
															font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
														}




														.img-dura-3{
															position: absolute;
															height: 20vw;
															width: 20vw;
															left: 8vw;
															top: 9vw;
														}



				.h2-digi-3{
					position: relative;
					top: 4vw;
					left: 8vw;
					font-size: 1.7vw;
					font-family: "Merienda", cursive;
				}



				.ul-pic-4{
					position: relative;
					list-style: none;
					display: flex;
					top: 7vw;
					left: -6vw;
					height: 35vw;
					padding-bottom: 10vw;
				}
								.li-001{
									position: absolute;
									left: 16vw;
									
								}
									.p-001{
										position: relative;
										left: -7vw;
										width: 90%;
										line-height: 1.5vw;
										text-align: center;
										word-spacing: 0.2vw;
										letter-spacing: 0.05vw;
									}

								.li-002{
									position: absolute;
									left: 45vw;
								}

									.p-002{
										position: relative;
										left: -4vw;
										line-height: 1.5vw;
										text-align: center;
										width: 70%;
										word-spacing: 0.2vw;
										letter-spacing: 0.05vw;
									}

								.li-003{
									
									position: absolute;
									left: 73vw;
								}

									.p-003{
										position: relative;
										left: 0vw;
										line-height: 1.5vw;
										text-align: center;
										width: 70%;
										word-spacing: 0.2vw;
										letter-spacing: 0.05vw;
									}


							.li-004{
								position: absolute;
								margin-top: 19vw;
								left: 16vw;
							}

								.p-004{
									position: relative;
									left: -2.3vw;
									line-height: 1.5vw;
									text-align: center;
									width: 70%;
									word-spacing: 0.2vw;
									letter-spacing: 0.05vw;
									
								}

							.li-005{
								
								position: absolute;
								margin-top: 19vw;
								left: 45vw;
							}

								.p-005{
									position: relative;
									left: -5.3vw;
									width: 70%;
									line-height: 1.5vw;
									text-align: center;
									word-spacing: 0.2vw;
									letter-spacing: 0.05vw;
								}


							.li-006{
							
								position: absolute;
								margin-top: 19vw;
								left: 73vw;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
							}

								.p-006{
									position: relative;
									left: vw;
									width: 70%;
									line-height: 1.5vw;
									text-align: center;
								}

						

						.pic-digi-02{
							height: 10vw;
							width: 10vw;
						}

						.p-ita-001{
							text-decoration: none;
							font: 1.4vw;
							font-weight: 600;
							padding: 0.4vw 0.2vw 0.4vw 0.2vw;
							border-radius: 30px;
							background-color: orange;
							color: white;
							position: relative;
							top: 4vw;
							left: 78vw;
							
							transition:  0.3s ease;
							backdrop-filter: blur(7px);
							background-color: orange;
							border-radius: 100px;
							color: rgb(248, 248, 248);
							cursor: pointer;
							font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
							padding: 7px 20px;
							text-align: center;
							transition: all 250ms;
							border: 0;
							font-size: 16px;
							user-select: none;
							-webkit-user-select: none;
							touch-action: manipulation;
						}


									.p-ita-001:hover{
										transform: scale(1.05) rotate(-1deg);
										border-bottom: 7px solid rgb(84, 232, 84);
										
									}

						

/************************************************************************************/
/************************************************************************************/
.total-foot{
    position: absolute;
	top: 338vw;
}









/**************************************************************************************************/
/*******************************************************************************************/
/***************************************************************************************/
/*****************************************************************************/

@media screen AND (min-width:200px) AND (max-width:768px){



.img-head{
	height: 10vw;
	width: 10vw;
}

.lien-sociaux{
	position: absolute;
	top: -2vw
}
	
/*/*//*/**//********/

							




											/************************************2nd bouton**********************************************************************/
											.div-search{
											display:block ;
											width: 100%;
											height: 9vw;
											position: absolute;
											top:-10vw ;
											left:0vw;
											background-color: rgb(255, 255, 255);
											backdrop-filter: blur(7px);
											z-index: 300;
											transition:  all 0.3s ease;





											}


											.search-open{
											display: block;
											height: 5.4vw;
											width: 5.4vw;
											position: absolute;
											right: 13vw;
											top: 1.2vw;
											border-radius: 50%;
											cursor: pointer;
											transition:  0.3s ease;
											z-index: 300; 
											}

											.search-close{
											display: block;
											height: 5vw;
											width: 5vw;
											position: relative;
											left: 90vw;
											top: 1vw;
											border-radius: 50%;
											cursor: pointer;
											transition:  0.3s ease; 
											}

											label {
											cursor: pointer;
											transition:  0.3s ease;

											}
											label:hover img{
											scale: 1.2;
											}

											#check4{
											display:none ;
											position: absolute;
											left: 90vw;


											}
											#check4:checked ~ .div-search {
											top: 0vw;


											}










	
	
	/******************************************************/
	
	.div-menu2{
		display: none ;
		position: absolute;
		z-index: 2000;
		background-color: rgba(0, 0, 0, 0.338);
		backdrop-filter: blur(9px);
		height: 125vh;
		width: 100%;
		top: 0vw;
		left: 0vw;
		transition: all 0.5s ease-in-out;

		
	}


	.div-menu2 .ul-menu2 {
		list-style: none;
    display: block;
    position: relative;
    top: 7vw;
    left: 8.5vw;
    /* left: 101vw; */
    width: 75vw;
    height: 105vw;
    background-color: rgba(61, 61, 61, 0.708);
    border: 1px solid white;
    backdrop-filter: blur(12px);
    font-family: garamond;
		
	}



	.div-menu2 .ul-menu2.display{
		display: block;
		animation: displayMenu 0.3s ease-in-out;

	}



	@keyframes displayMenu {
		0% {
		  opacity: 0;
		  scale: 0.5;
		}
	  
		100% {
		  opacity: 1;
		  scale: 1;
		}
	  }

	
	.div-menu2 .ul-menu2 li{
		position: relative;
		display: flex;
		margin-top: 4vw;
		left: -2.5vw;
		width: 100%;
		/* border: 2px solid blue; */
		overflow: hidden;
	
	}



					.div-menu2 .ul-menu2 li:hover{
						
						font-weight: 600;
						border-bottom: 4px solid rgb(61, 238, 45);


					
					}



				.div-menu2 .ul-menu2 li a{
					color: rgb(199, 199, 199);
					text-decoration: none;
					border: 2px solid green;
					position: relative;
					height: 105%;
					width: 105%;
					top: -1vw;
					padding-left: 4vw;
					font-size: 4vw;
					font-weight: 600;
					padding-top: 2vw;
					padding-bottom: 1vw;
					border-bottom: 1px solid white;
				}


							.div-menu2 .ul-menu2 li:hover a{
								
								color: #93FFC5;
								border: none;
								
								
							
							}




	.displayMenuDura{
		display: block;
		height: 6vw;
		width: 6vw;
		position: absolute;
		right: 6vw;
		top: 1vw;
		z-index: 300;
	}


	.closeMenuDura{
		display: block;
		height: 7vw;
		width: 7vw;
		position: relative;
		left: 4vw;
		top: 4vw;
		border: 2px solid rgb(255, 0, 0);
		border-radius: 50px;
		z-index: 100;
	  }


/***************************************************/

.imgUP{
    height: 7vw;
    width: 7vw;
  }





/**************************************************************************************/
/*************************************************************************************/

.div-dura-1{
	position: relative;
    width: 89vw;
	height: 83vw;
    margin-left: 3.6vw;
    margin-top: 3.5vw;
	overflow: hidden;
    
}

/***********************************************************************/
/**********************************************************************/
.div-for{
	position: relative;
	width: 100%;
	height: 100%;
	
}
		.slide-1{
			position: relative;
			height: 100%;
            width: 100%;
			border: 2px solid red;
		}


		.div-h-1{
			position: absolute;
			/*border: 2px solid black;*/
			width: 100%;
			
	  
	  }
	  
						.slide-h1{
							/*border: 2px solid black;*/
							margin: -1vw 0px 0vw 0px;
							padding: 29vw 30vw 70vw 17vw;
							font-size: 4vw;
							font-weight: lighter;
							line-height:4.5vw;
							color: rgb(255, 255, 255);
							z-index:100;
							background: -moz-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 1));
							background: -webkit-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 1));
							background: -o-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 1));
							background: linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 1));
							
						}

									.sp-for{
										color: #ffffff;
										font-size: 7vw;
										font-weight: 600;
										position: absolute;
										top: 11vw;
										left: 15vw;
										width: 40vw;
										line-height: 7vw;
									}

						.slide-img{
						height: 100%;
						width: 100%;
						position: absolute;
						top: 0vw;
						left: 0;
						z-index: -10;

				}

					.p-slide{
						position: absolute;
						top: 30vw;
						left: 17vw;
						font-size: 2.5vw;
						letter-spacing: 0.2vw;
						line-height: 3vw;
						font-weight: 100;
						width: 60vw;
						color: #ffffff;
						font-weight: lighter;

					}




/************************************************************************************/
.div-dura-2{
	position: relative;
    width: 88.7vw;
    margin-left: 3.6vw;
	padding-top: 5vw;
	/* border: 1px solid black; */
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: 1vw;


		            box-shadow: 0.1vw 0.1vw 1.5vw rgb(187, 185, 185), -0.1vw -0.1vw 1.5vw rgb(185, 182, 182);

    
}

		.h1-digi{
			position: relative;
			color: #09ff00;
			top: 2vw;
			left: 7vw;
			width: 70vw;
			font-size: 7vw;
			font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
		}



.h1-digi.visibleh1Digi{
	animation: h1DigianimeMobile 4s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes h1DigianimeMobile {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

			.h2-digi{
				position: relative;
				font-size: 4vw;
				width: 70vw;
				left: 10vw;
				margin-top: 5vw;
				font-weight: 700;
				color: black;
				margin-bottom: 15vw;
			}


			.img-dura-1{
				position: absolute;
				height: 28vw;
				width: 50vw;
				left: 68vw;
				top: 20vw;
				z-index: 200;
			}


.img-dura-1.visibleimgDura1{
	animation: animeImgDuraMobile 1s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes animeImgDuraMobile {
	from{
		left: 150vw;
		scale: 0.5;
		opacity: 0;
	}
	to{
		left: 68vw;
		scale: 1;
		opacity: 1;

	}
}


				.img-dura-2{
					position: relative;
					height: 25vw;
					width: 40vw;
					left: 1vw;
					top: -130vw;
					z-index: 5;
				}

				.sp-digi{
					color: #09ff00;
				}

					.p-digi{
						position: relative;
						top: 20vw;
						margin-bottom: 100vw;
						width: 75vw;
						line-height: 6.5vw;
						word-spacing: 0.5vw;
						letter-spacing: 0.08vw;
						font-size: 3.2vw;
						z-index: 300;
						backdrop-filter: blur(5px);
					}

					.ul-digi{
						position: relative;
						left: 12vw;
						line-height: 5.5vw;
						border-left: 5px solid rgb(4, 255, 17);
						border-radius: 10px;
						top:-40vw ;
						width: 60vw;
					}

							.ul-digi li{
								word-spacing: 0.5vw;
								letter-spacing: 0.08vw;
								font-size: 3vw;
								margin-bottom: 4vw;
								line-height: 4vw;
								font-weight: lighter;
								list-style: url(../PIC/right-1.png);
							}



							.h2-digi-2{
								position: relative;
								font-size: 5vw;
								width: 50vw;
								top: -35vw;
								left: 38vw;
								line-height: 6vw;
								font-weight: 700;
								z-index: 10;
							}



.h2-digi-2.visibleh2Digi{
	animation: animeh2DigiMobile 2s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
}


@keyframes animeh2DigiMobile {
	from{
		left: 150vw;
		opacity: 0;
	}
	to{
		left:  38vw;
		opacity: 1;
	}
}
			
			.h3-digi{
				margin-left: 4vw;
				margin-top: -35vw;
				font-size: 3.7vw;
			}

			.ul-pic{
				position: relative;
				list-style: none;
				display: flex;
				margin-left: 3vw;
				margin-top: 8vw;
				margin-bottom: 50vw;
			}
					.li-1{
						word-spacing: 0.2vw;
						letter-spacing: 0.05vw;
					}
						.p-1{
							font-size: 3.2vw;
							position: relative;
							left: 0vw;
							text-align: center;
						}

					.li-2{
						position: relative;
						left: 6vw;
						word-spacing: 0.2vw;
						letter-spacing: 0.05vw;
					}

						.p-2{
							position: relative;
							left: 0vw;
							font-size: 3.2vw;
							text-align: center;
						}

					.li-3{
						position: relative;
						top: 41vw;
						left: -48vw;
						word-spacing: 0.2vw;
						letter-spacing: 0.05vw;
					}

						.p-3{
							font-size: 3.2vw;
							position: relative;
							left: 0vw;
							text-align: center;
						}


				.pic-digi{
					height: 25vw;
					width: 25vw;
				}

				.p-ita{
					margin-left: 4vw;
					margin-right: 3vw;
					margin-top: 3vw;
					font-weight: lighter;
					margin-bottom: 5vw;
					font-size: 3.7vw;
				}
/************************************************************************************/
/************************************************************************************/
.div-dura-3{
	position: relative;
    width: 88.7vw;
    margin-left: 3.6vw;
    margin-top: 2vw;
	/* border: 1px solid black; */
	background-color: #dfdfdf;
	border-radius: 10px;


		            box-shadow: 0.1vw 0.1vw 1.5vw rgb(187, 185, 185), -0.1vw -0.1vw 1.5vw rgb(185, 182, 182);




    
}

						.h1-sgi{
							color: orange;
							margin-left: 4vw;
							margin-right: 30vw;
							margin-top: 10vw;
							font-size: 6vw;
						}



						



		.ul-pic-2{
			position: relative;
			list-style: none;
			display: flex;
			left: 0.5vw;
			height: 150vw;
		}




		.pic-digi-2{
			margin-left: 7vw;
			height: 25vw;
			width: 25vw;
		}
						.li-01{position: absolute;
							height: 50vw;
							width: 40vw;
							border-radius: 20px;
							left: -0.5vw;

						}
							.p-01{
								position: relative;
								left: -3vw;
								line-height: 3vw;
								margin-left: 3vw;
								width: 39.7vw;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
								padding: 35.7vw 0.3vw 2.4vw 0vw;
								top: -29.5vw;
								border-radius: 20px;
								background-color: rgba(0, 0, 0, 0.381);
								color: white;

											background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
											background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
											background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
											background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
												

							}

									.p-01:hover{
										color:orange ;
										font-size: 3.4vw;
									}

						.li-02{
							position: absolute;
							left: 33.5vw;
							height: 50vw;
							width: 40vw;
							border-radius: 20px;


						}

							.p-02{
								position: relative;
								left: -8vw;
								width: 40vw;
								line-height: 3vw;
								margin-left: 8vw;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
								font-size: 3vw;
								padding: 30vw 0.3vw 2.4vw 0vw;
								top: -29.3vw;
								border-radius: 20px;
								background-color: rgba(0, 0, 0, 0.381);
								color: white;


								background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
								background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
								background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
								background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							}

									.p-02:hover{
										color:orange ;
										font-size: 3vw;
									}

						.li-03{
							position: absolute;
							left: -1.5vw;
							top: 52vw;
							height: 50vw;
							width: 40vw;
							border-radius: 20px;
						}

							.p-03{
								position: relative;
								left: -3vw;
								margin-left: 3vw;
								width: 40vw;
								line-height: 3vw;
								word-spacing: 0.2vw;
								letter-spacing: 0.05vw;
								font-size: 3vw;
								padding: 36vw 0.3vw 5vw 0vw;
								top: -28.9vw;
								border-radius: 20px;
								background-color: rgba(0, 0, 0, 0.381);
								color: white;


								background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
								background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
								background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
								background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							}


									.p-03:hover{
										color:orange ;
										font-size: 2.9vw;
										scale: none;
									}


					.li-04{
							position: absolute;
							left: 45.5vw;
							top: 52vw;
							height: 50vw;
							width: 40vw;
							border-radius: 20px;
					}

						.p-04{
							position: relative;
							left: -3vw;
							line-height: 3.3vw;
							margin-left: 3vw;
							word-spacing: 0.2vw;
							letter-spacing: 0.05vw;
							font-size: 3vw;
							padding: 38vw 1.5vw 5.5vw 2vw;
							top: -29vw;
							border-radius: 20px;
							background-color: rgba(0, 0, 0, 0.381);
							color: white;
							width: 37vw;


							background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
						}

								.p-04:hover{
									color:orange ;
									font-size: 3vw;
								}

					.li-05{
						
						position: absolute;
							left: 3.5vw;
							top: 85vw;
							height: 45vw;
							width: 82vw;
							border-radius: 20px;
						
					}

						.p-05{
							position: relative;
							left: -3vw;
							width: 40vw;
							top: -42.1vw;
							line-height: 3vw;
							margin-left: 3vw;
							word-spacing: 0.2vw;
							letter-spacing: 0.05vw;
						/*	border: 1px solid rgb(163, 163, 163);  */
							padding-top: 16.1vw;
							padding-bottom: 20vw;
							font-size: 3vw;
							padding: 34vw 0.3vw 2.4vw 41.8vw;
							border-radius: 20px;
							background-color: rgba(0, 0, 0, 0.381);
							color: white;


							background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
							background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.2), RGBa(000, 000, 000, 0.8));
						}

								.p-05:hover{
									color:orange ;
									font-size: 3vw;
								}

										.pic-digi5-2{
											margin-left: 3vw;
											margin-top: 3vw;
											height: 35vw;
											width: 35vw;
										}


						

						.p-ita-2{
							position: relative;
							margin-right: 2vw;
							margin-left: 2vw;
							margin-top: 1vw;
							font-weight: 600;
							margin-bottom: 	;
							font-weight: lighter;
							font-size: 3.7vw;
						}

						


	.p-sgi{
		margin-top: 8vw;
		margin-left: 8vw;
		margin-right: 5vw;
		margin-bottom: 25vw;
		line-height: 6.5vw;
		word-spacing: 0.5vw;
		letter-spacing: 0.08vw;
		font-size: 3.7vw;
	}




/************************************************************************************/
/************************************************************************************/
.div-dura-4{
	position: relative;
    width: 88.7vw;
	height: 400vw;
    margin-left: 3.6vw;
    margin-top: 2vw;
	/* border: 1px solid black; */
	/* background-color: #ffffff; */
	border-radius: 10px;


	            box-shadow: 0.1vw 0.1vw 1.5vw rgb(187, 185, 185), -0.1vw -0.1vw 1.5vw rgb(185, 182, 182);

     background: linear-gradient( 180deg,  white 50%,#dfdfdf
 );

}





										.h1-isp{
											color: #09ff00;
											margin-left: 4vw;
											margin-top: 10vw;
											font-size: 6vw;
										}


						.img-dura-3{
							position: absolute;
							height: 51vw;
							width: 47vw;
							left: 8vw;
							top: 20vw;
						}



						.p-isp{
							position: relative;
							top: 57vw;
							left: 7vw;
							width: 78vw;
							line-height: 7vw;
							word-spacing: 0.8vw;
							letter-spacing: 0.2vw;
							font-size: 4.5vw;
						}


						.h2-digi-3{
							position: relative;
							font-size: 5vw;
							top: 70vw;
							left: 9vw;
							width: 70vw;
							text-align: center;
							font-weight: 700;
							font-family: "Merienda", cursive;
						}

					

				.ul-pic-4{
					position: relative;
					list-style: none;
					display: flex;
					height: 160vw;
					top: 80vw;
					left: 0vw;
					
				}
								


				.pic-digi-2{
					margin-left: 7vw;
					height: 25vw;
					width: 25vw;
				}

								.li-001{
									position: absolute;
									border: 1px solid rgb(163, 163, 163);
									height: 50vw;
									left: 3.2vw;
									top: 0vw;
									width: 40vw;
									border-radius: 20px;


									background: -moz-linear-gradient(from top left,  rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -o-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: linear-gradient(to bottom right,   rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
		
								}
											.p-001{
												position: relative;
												left: -3vw;
												line-height: 4vw;
												margin-left: 3vw;
												width: 39.7vw;
												word-spacing: 0.2vw;
												letter-spacing: 0.05vw;
												color: white;
												font-weight: 600;
												
				
											}
		
								.li-002{
									position: absolute;
									left: 45.5vw;
									border: 1px solid rgb(163, 163, 163);
									height: 50vw;
									width: 40vw;
									top: 0vw;
									border-radius: 20px;


									background: -moz-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: -o-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: linear-gradient(to bottom right, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
		
		
								}
		
											.p-002{
												position: relative;
												left: -7.5vw;
												width: 40vw;
												line-height: 4vw;
												margin-left: 8vw;
												word-spacing: 0.2vw;
												letter-spacing: 0.05vw;
												color: white;
												font-weight: 600;
											}
		
								.li-003{
									position: absolute;
									left: 3.2vw;
									top: 52vw;
									height: 50vw;
									width: 40vw;
									border: 1px solid rgb(163, 163, 163);
									border-radius: 20px;


									background: -moz-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: -o-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: linear-gradient(to bottom right, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
								}
		
											.p-003{
												position: relative;
												left: -2.9vw;
												margin-left: 3vw;
												width: 40vw;
												line-height: 4vw;
												word-spacing: 0.2vw;
												letter-spacing: 0.05vw;
												color: white;
												font-weight: 600;
											}
		
		
							.li-004{
									position: absolute;
									left: 45.5vw;
									top: 33vw;
									border: 1px solid rgb(163, 163, 163);
									height: 50vw;
									width: 40vw;
									border-radius: 20px;


									background: -moz-linear-gradient(from top left,  rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -o-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: linear-gradient(to bottom right,   rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
							}
		
								.p-004{
									position: relative;
									left: -3vw;
									line-height: 4vw;
									margin-left: 8vw;
									word-spacing: 0.2vw;
									letter-spacing: 0.05vw;
									color: white;
									font-weight: 600;
								}
		
							.li-005{
								
									position: absolute;
									border: 1px solid rgb(163, 163, 163);
									height: 50vw;
									left: 3.2vw;
									top: 85vw;
									width: 40vw;
									border-radius: 20px;

									background: -moz-linear-gradient(from top left,  rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -o-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: linear-gradient(to bottom right,   rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
								
							}
		
								.p-005{
									position: relative;
									left: -2.5vw;
									width: 40vw;
									text-align: center;
									top: 1vw;
									line-height: 4vw;
									margin-left: 3vw;
									word-spacing: 0.2vw;
									letter-spacing: 0.05vw;
									color: white;
									font-weight: 600;
								/*	border: 1px solid rgb(163, 163, 163);  */
									
								}






							.li-006{
							
									position: absolute;
									border: 1px solid rgb(163, 163, 163);
									height: 50vw;
									left: 45.5vw;
									top: 85vw;
									width: 40vw;
									border-radius: 20px;
									

									background: -moz-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: -o-linear-gradient(from top left, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
									background: linear-gradient(to bottom right, rgb(0, 106, 255), rgba(0, 98, 255, 0.441));
							}

								.p-006{
									position: relative;
									left: -2.5vw;
									width: 40vw;
									top: vw;
									line-height: 4vw;
									margin-left: 3vw;
									word-spacing: 0.2vw;
									letter-spacing: 0.05vw;
									font-weight: 600;
									color: white;
								}

						

						.pic-digi-02{
							height: 25vw;
							width: 25vw;
							margin-left: 6.7vw;
							margin-top: 2vw;
						}

						.p-ita-001{
							position: relative;
							top: 70vw;
							left: 65vw;
							font-weight: 600;
							font-size: 2.8vw;
						}

	
						



/************************************************************************************/
/******************************************************************************************/
.total-foot{
	position: relative;
	display:  flex;
	height: 220vw;
	width: 100%;
	background-color: rgb(56, 56, 56);
	/*border: 2px solid black;*/
	color: white;
	border-top-left-radius: 0%;
	backdrop-filter: blur(7px);
	overflow: hidden;
	margin-top: -300vw;
}

								.foot-ser{
									position: absolute;
									width: 85vw;
									left: 14vw;
									top: 8vw;

								}

												.foot-ser p{
													position: relative;
													font-weight: 700;
													color: white;
													text-align: center;
													font-size: 4vw;
													left: -13vw;
												}

												
												.foot-ser ul li{
													position: relative;
													top: 4vw;
													font-size: 3.3vw;
													line-height: 5vw;
													list-style: url(../PIC/next-blue.png);
													font-weight: lighter;
												}

												.foot-ser ul li:hover{
													position: relative;
													scale: 1.1;
													left: 4vw;
												}


															.foot-ser ul li:hover a{
																color: #93FFC5;
																
																
																
															}




								.foot-contact{
									position: absolute;
									left: 15vw;
									top: 120vw;
									font-size:0.9vw ;

								}

													.foot-contact p{
														position: relative;
														font-weight: 700;
														color: white;
														text-align: center;
														font-size: 4vw;
														top: 10vw;
														left: 2vw;
													}

													.foot-contact ul{
														position: relative;
														list-style-type: none;
														text-decoration: none;
														left: 2.20vw;
														top: 13vw;
														
													}

													.foot-contact ul li{
														line-height: 5vw;
														color: #ffffff;
														text-decoration: none;
														font-size: 3.3vw;
														
														
														
													}

															.foot-contact ul li:hover{
																left: 2vw;
																
																
															}

								.foot-leg{
									position: absolute;
									left: 16vw;
									top: 80vw;
									font-size:0.9vw ;
									height: ;
								}

													.foot-leg p{
														position: relative;
														left: 2.5vw;
														font-weight: 700;
														color: white;
														text-align: center;
														font-size: 4.5vw;
													}

													.foot-leg ul {
														position: relative;
														top: 4vw;
													}

													.foot-leg ul li{
														font-size: 3.3vw;
														line-height: 5vw;
														list-style: url(../PIC/next-blue.png);
														font-weight: lighter;
													}



								.foot-lien{
									position: absolute;
									left: 8vw;
									top: 170vw;

									
								}

											.foot-lien p{
												position: relative;
												font-weight: 700;
												color: white;
												text-align: center;
												font-size: 4vw;
												left: 15vw;
											}

											.foot-lien ul{
												list-style: none;
												display: flex;
												position: relative;
												left: 16vw;
												top: 4vw;

											}

											.foot-lien ul li{
												position: relative;
												top: -3vw;
												left: -2.5vw;
												padding-right: 0vw;
												font-size: 1.6vw;
												
												

											}


													.foot-lien ul li:hover{
														scale: 1.1;
														

													}

		.foot-img{
			position: absolute;
			left: 77.5vw;
			top: -1vw;
			height: 20vw;
			width: 20vw;
		}
		
		
		.div-text{
			position: relative;
			top: 100vw;
			left: 70vw;
			border: none;

		}


						

						

						.div-text li{
							font-size: 3.3vw;
							line-height: 4vw;
							
						
						}	
						.span01{
							font-size: 3.3vw;
						}


						.span02{
							font-size: 3.3vw;
						
						}




		.img-fb2{
			height: 6vw;
			width: 6vw;
		}


		.img-fb3{
			height: 5vw;
			width: 5vw;
		}
		
		
}



/**************************************************************************************************/
/*******************************************************************************************/
/***************************************************************************************/
/*****************************************************************************/

@media screen AND (min-width:769px) AND (max-width:1180px){

	.p-ita-001{
		position: relative;
		top: 15vw;
		left: 63vw;
		font-weight: 600;
		font-size: 2.8vw;
	}

.p-001{
	width: 20vw;
	left: -5vw;
}

.p-002{
	width: 20vw;
	left: -5vw;
}

.p-003{
	width: 20vw;
	left: -5vw;
}

.p-004{
	width: 20vw;
	left: -5vw;
}

.p-005{
	width: 20vw;
	left: -5vw;
}

.p-006{
	width: 20vw;
	left: -5vw;
}



	



	.total-foot{
		position: absolute;
		top: 400vw;
		height: 38vw;
	}

}